$(function(){
    //需求：定义校验规则
    let form = layui.form
    form.verify({
        nickname: [
            /^[\S]{1,10}$/,
            '昵称的长度为1-10个字符串！'
        ]
    })


//需求2：渲染用户信息 - 封装成函数，后面还要用
//函数不调用，不执行
initUserInfo()
function initUserInfo(){
    axios({
        url:'/my/userinfo',
    }).then(res=>{
        //成功回调
        // console.log(res)
        //判断
        if(res.data.status  !== 0) {
            return layer.msg(res.data.message)
        }
        form.val('formUserInfo', res.data.data)
    });
  }

  //需求3：重置功能
  $('#btnReset').on('click',function(e){
      //阻止表单默认重置行为
      e.preventDefault()
    //   重新渲染表单
      initUserInfo()
  })

  //需求4：修改用户信息
  $('form').on('submit',function(e){
      e.preventDefault()
      axios({
          url:'/my/userinfo',
          method:'post',
          data: $(this).serialize()
      }).then(res=>{
          //成功回调
          //   console.log(res)
          if(res.data.status !=0){
              return layer.msg(res.data.message)
          }
          //成功，提示
          layer.msg('恭喜您，修改用户信息成功')
          //直接调用无效，因为不是一个window对象
          window.parent.getUserInfo()

      });
  })
})